<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>首页-查看详情</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../css/mui.min.css">
		<style>
			.mui-bar-nav {
				background-color: #01a2ff;
				box-shadow: none;
				border: none;
				position: relative;
			}
			
			.mui-title {
				color: #fff;
			}
			
			.mui-icon-back:before,
			.mui-icon-left-nav:before,
			.mui-navigate-right:after,
			.mui-push-right:after {
				content: "";
			}
			
			.mui-action-back {
				background: url("../../images/arrowLeft.png") no-repeat;
				width: 30px;
				height: 30px;
				float: left;
				margin-left: 20px !important;
				margin-top: 10px;
				background-size: 38%;
			}
			
			.mui-bar-nav .edit {
				width: 25px;
				height: 27px;
				float: right;
				margin: 11px 5px 0 0;
				background: url("../../images/share_icon.png") no-repeat;
				background-size: 70%;
			}
			/*主内容*/
			
			body {
				background: #fff;
			}
			
			.content .title_box {
				padding: 10px 15px;
				overflow: hidden;
				border-bottom: 1px solid #e2e2e2;
			}
			
			.content .title_box h4 {
				color: #333322;
				font-size: 18px;
				font-weight: 500;
			}
			
			.content .title_box div {
				color: #888888;
				margin-top: 5px;
				font-size: 14px;
			}
			
			.warpper {
				padding: 5px 15px;
				color: #888888;
				font-size: 14px;
			}
			
			img{max-width:6.0rem!important;margin:.12rem 0.25rem!important;}
		</style>
	</head>

	<body>
		<div class="content">
			<div class="title_box">
			</div>
			<div class="warpper">
			</div>
		</div>
		<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<script>
			mui.plusReady(function() {
				var contentid = utils.getUrlParam("contentid");
				var title_box = document.body.querySelector('.title_box');
				var warpper = document.body.querySelector('.warpper');
				var param = 'contentId=' + contentid;
				var url = 'appHttpService/queryCmsContentByContentId.do';
				var config = {
					//'method': 'get'
				};
				var warppers = '';
				var title_boxs = '';
				utils.ajax(url, function(msg) {
					if(null != msg && msg.length != 2) {
						contentdetail = eval("(" + msg + ")");
						if(null != contentdetail.cmsContent.title && '' != contentdetail.cmsContent.title.trim()) {
							title_boxs += "<h4>" + contentdetail.cmsContent.title + "</h4>";
						}
						if(null != contentdetail.cmsContent.publishStartTime && '' != contentdetail.cmsContent.publishStartTime.trim()) {
							var d = new Date(contentdetail.cmsContent.publishStartTime);
							var dates = (d.getFullYear()) + "-" + (d.getMonth()+1) + "-" + d.getDate();
							title_boxs += "<div> 时间：" + dates + "<div>";
						}
						if(null != contentdetail.cmsContent.contentText && '' != contentdetail.cmsContent.contentText.trim()) {
							warpper.innerHTML = "<div> " + contentdetail.cmsContent.contentText + "<div>";
						}
						title_box.innerHTML = title_boxs;
					}
				}, param, config);
			});
		</script>
	</body>

</html>